/** @jsxImportSource @emotion/react */
import * as React from "react";
import {
  Text,
  useTheme,
  Container,
  Button,
  SuffixInput,
  IconArrowRight,
  Select,
  InputDatalist, CheckSwitch,
  ComboBoxDatalist, InputLine, LineColumn,
  CommitInput
} from "customize-easy-ui-component";
import { DialogEnterReturn } from "../../context/DialogEnterReturn";
//import queryString from "querystring";
import {useCommnBaseParm, CommnBase} from "./CommnBase";
const queryString = require('query-string');
/*[地址是可以选择的] 检验时设备所在地;
* */

export const 操作方式=['地面操作','其他'];
export const 搭载方式=['其他'];
export const 工作级别=['A1','A2','A3','A4','A5','A6','A7','A8'];
export const 设备等级=['A级','B级','A3','B'];
export const 供电方式轻=['其他'];
export const 架设方式=['其他'];
export const 监检形式=['其他'];
export const 吊具型式=['其他'];
export const 门架结构式=['圆筒式','交叉式','撑杆式','桁架式','其他'];
export const 起升部件=['钢丝绳','其他'];
export const 场所防爆级=['1级'];
export const 塔顶型式=['其他'];
export const 塔身型式=['其他'];
export const 汽车尺寸=["5000×1850×1550","5000mm×1850mm×1550mm","5000*1900*1550（1900）","4700mm×1800mm×1550mm",
          "4700mm×1900mm×1550mm","长X宽X高(mm)：5000X1850x1550","4700×1800×1450"];
export const 移动类型=['其他'];
export const 停车运行方法=['其他'];
export const 起升机构型式=['其他'];
export const 腿结构型式=['其他'];
export const 组装类型=['其他'];
export const 适用场合=["室内","室外","露天","非露天","吊运熔融金属","高温","防爆","粉尘","用于吊装运输","车间吊装"];
export const 主梁数量=["双主梁","单主梁","其他"];

//可嵌套的编辑器；传递保存变动数据。 中文可用，但是引用时刻会告警徐改成英文<As...>
interface 起重props {
  id?: string;
  readOnly?: boolean;
  editable?: boolean;
  //当前设备数据(确认修改之后)
  eqp?:any;
  //去修改设备数据
  mutationFunc: (...args: any[]) => any;
}
/**
 *和旧版对比剔除掉的显示项目： 额定动作速度 RATACTSPE：
  升降速度: UP_DOWN_SPEED=复合， PROMOTESPEED作废?　
 运行日期(停车设备)？
 * */
export const 起重: React.FunctionComponent<起重props> = ({
       readOnly,
       id,
       editable,
       eqp=null,    //从好几代祖先前的DetailedGuide在graphQL获得后端服务器数据层层传递下来的。
                                                       mutationFunc,
     }) =>
{
  //const qs= queryString.parse(window.location.search);
  const theme = useTheme();
  //不是正常对话框：两个路由path的切换模式，页面路由可见对话框内容的，伪对话框返回，把数据恢复。
  const {save}= window.history.state?.state??{};      //通用伪对话框传递格式
  const edt = save?  save : eqp;

  const [luff, setLuff] = React.useState(edt.luff);
  const [luf, setLuf] = React.useState(edt.luf);
  const [pnum, setPnum] = React.useState(edt.pnum);
  const [opm, setOpm] = React.useState(edt.opm);
  //const [ns, setNs] = React.useState(edt.ns);
  const [cvl, setCvl] = React.useState(edt.cvl);
  const [cap, setCap] = React.useState(edt.cap);
  const [vls, setVls] = React.useState(edt.vls);
  const [rang, setRang] = React.useState(edt.rang);
  const [jobl, setJobl] = React.useState(edt.jobl);
  const [lmv, setLmv] = React.useState(edt.lmv);
  const [rtv, setRtv] = React.useState(edt.rtv);
  const [span, setSpan] = React.useState(edt.span);
  const [hlf, setHlf] = React.useState(edt.hlf);
  const [hlfm, setHlfm] = React.useState(edt.hlfm);
  const [part, setPart] = React.useState(edt.part);
  const [mvl, setMvl] = React.useState(edt.mvl);
  const [rtlf, setRtlf] = React.useState(edt.rtlf);
  const [mom, setMom] = React.useState(edt.mom);
  const [metl, setMetl] = React.useState(edt.metl);
  const [nnor, setNnor] = React.useState(edt.nnor);
  const [walk, setWalk] = React.useState(edt.walk);
  const [whole, setWhole] = React.useState(edt.whole);
  const [flo, setFlo] = React.useState(edt.flo);
  const [miot, setMiot] = React.useState(edt.miot);
  const [highs, setHighs] = React.useState(edt.highs);
  const [pcs, setPcs] = React.useState(edt.pcs);
  const [pcw, setPcw] = React.useState(edt.pcw);
  const [scv, setScv] = React.useState(edt.scv);
  const [cotr, setCotr] = React.useState(edt.cotr);
  const [suck, setSuck] = React.useState(edt.suck);
  const [two, setTwo] = React.useState(edt.two);
  const [twoc, setTwoc] = React.useState(edt.twoc);
  const [grab, setGrab] = React.useState(edt.grab);
  const [rvl, setRvl] = React.useState(edt.rvl);
  const [level, setLevel] = React.useState(edt.level);
  const [occa, setOcca] = React.useState(edt.occa);
  const [auxh, setAuxh] = React.useState(edt.auxh);
  const [wjib, setWjib] = React.useState(edt.wjib);

  const  svp = edt?.svp;
  const [变幅施, set变幅施] = React.useState(svp?.变幅施);
  const [节联接, set节联接] = React.useState(svp?.节联接);
  const [搭载式, set搭载式] = React.useState(svp?.搭载式);
  const [底架型, set底架型] = React.useState(svp?.底架型);
  const [吊臂型, set吊臂型] = React.useState(svp?.吊臂型);
  const [钩时额量, set钩时额量] = React.useState(svp?.钩时额量);
  const [钩时幅, set钩时幅] = React.useState(svp?.钩时幅);
  const [斗时额量, set斗时额量] = React.useState(svp?.斗时额量);
  const [斗时幅, set斗时幅] = React.useState(svp?.斗时幅);
  const [专时额量, set专时额量] = React.useState(svp?.专时额量);
  const [专时幅, set专时幅] = React.useState(svp?.专时幅);
  const [额起升速, set额起升速] = React.useState(svp?.额起升速);
  const [制动载荷, set制动载荷] = React.useState(svp?.制动载荷);
  const [防爆, set防爆] = React.useState(svp?.防爆);
  const [防爆级, set防爆级] = React.useState(svp?.防爆级);
  const [附装名, set附装名] = React.useState(svp?.附装名);
  const [附装品, set附装品] = React.useState(svp?.附装品);
  const [工半径, set工半径] = React.useState(svp?.工半径);
  const [工环境, set工环境] = React.useState(svp?.工环境);
  const [轨长, set轨长] = React.useState(svp?.轨长);
  const [轨长桥, set轨长桥] = React.useState(svp?.轨长桥);
  const [轨距, set轨距] = React.useState(svp?.轨距);
  const [回转, set回转] = React.useState(svp?.回转);
  const [架桥承, set架桥承] = React.useState(svp?.架桥承);
  const [架设式, set架设式] = React.useState(svp?.架设式);
  const [架设跨, set架设跨] = React.useState(svp?.架设跨);
  const [监检式, set监检式] = React.useState(svp?.监检式);
  const [门跨度, set门跨度] = React.useState(svp?.门跨度);
  const [门结构, set门结构] = React.useState(svp?.门结构);
  const [平衡重, set平衡重] = React.useState(svp?.平衡重);
  const [副钩高, set副钩高] = React.useState(svp?.副钩高);
  const [起升速, set起升速] = React.useState(svp?.起升速);
  const [副钩速, set副钩速] = React.useState(svp?.副钩速);
  const [覆力矩, set覆力矩] = React.useState(svp?.覆力矩);
  const [设型式, set设型式] = React.useState(svp?.设型式);
  const [设规范, set设规范] = React.useState(svp?.设规范);
  const [伸展, set伸展] = React.useState(svp?.伸展);
  const [生产率, set生产率] = React.useState(svp?.生产率);
  const [升降速, set升降速] = React.useState(svp?.升降速);
  const [是监, set是监] = React.useState(svp?.是监);
  const [有附装, set有附装] = React.useState(svp?.有附装);
  const [有监控, set有监控] = React.useState(svp?.有监控);
  const [专导梁, set专导梁] = React.useState(svp?.专导梁);
  const [塔顶型, set塔顶型] = React.useState(svp?.塔顶型);
  const [塔身型, set塔身型] = React.useState(svp?.塔身型);
  const [出入口, set出入口] = React.useState(svp?.出入口);
  const [桅杆, set桅杆] = React.useState(svp?.桅杆);
  const [悬长, set悬长] = React.useState(svp?.悬长);
  const [悬2长, set悬2长] = React.useState(svp?.悬2长);
  const [悬跨度, set悬跨度] = React.useState(svp?.悬跨度);
  //const [有副臂, set有副臂] = React.useState(svp?.有副臂);
  //const [有副钩, set有副钩] = React.useState(svp?.有副钩);
  const [车方法, set车方法] = React.useState(svp?.车方法);
  const [支腿, set支腿] = React.useState(svp?.支腿);
  const [造规, set造规] = React.useState(svp?.造规);
  const [梁结构, set梁结构] = React.useState(svp?.梁结构);
  const [梁数, set梁数] = React.useState(svp?.梁数);
  const [主吊具, set主吊具] = React.useState(svp?.主吊具);
  const [主悬件, set主悬件] = React.useState(svp?.主悬件);
  const [主升机构, set主升机构] = React.useState(svp?.主升机构);
  const [主体式, set主体式] = React.useState(svp?.主体式);
  const [主腿构, set主腿构] = React.useState(svp?.主腿构);
  const [自重, set自重] = React.useState(svp?.自重);
  const [组装型, set组装型] = React.useState(svp?.组装型);
  const [最幅起, set最幅起] = React.useState(svp?.最幅起);
  const [最工幅, set最工幅] = React.useState(svp?.最工幅);
  const [层站数, set层站数] = React.useState(svp?.层站数);
  const [臂构式, set臂构式] = React.useState(svp?.臂构式);
  const [臂类, set臂类] = React.useState(svp?.臂类);

  const  pa = edt?.pa;
  const [锁编号, set锁编号] = React.useState(pa?.锁编号);
  const [锁型号, set锁型号] = React.useState(pa?.锁型号);
  const [爆区, set爆区] = React.useState(pa?.爆区);
  const [爆物, set爆物] = React.useState(pa?.爆物);
  const [承索数, set承索数] = React.useState(pa?.承索数);
  const [馈电式, set馈电式] = React.useState(pa?.馈电式);
  const [导支跨度, set导支跨度] = React.useState(pa?.导支跨度);
  const [吊具型, set吊具型] = React.useState(pa?.吊具型);
  const [笼行程, set笼行程] = React.useState(pa?.笼行程);
  const [顶升速, set顶升速] = React.useState(pa?.顶升速);
  const [动力系统, set动力系统] = React.useState(pa?.动力系统);
  const [副钩1重, set副钩1重] = React.useState(pa?.副钩1重);
  const [副钩2重, set副钩2重] = React.useState(pa?.副钩2重);
  const [电方轻, set电方轻] = React.useState(pa?.电方轻);
  const [回转角, set回转角] = React.useState(pa?.回转角);
  const [基距, set基距] = React.useState(pa?.基距);
  const [集前伸, set集前伸] = React.useState(pa?.集前伸);
  const [副臂长, set副臂长] = React.useState(pa?.副臂长);
  const [副钩倍, set副钩倍] = React.useState(pa?.副钩倍);
  const [副额起, set副额起] = React.useState(pa?.副额起);
  const [附着, set附着] = React.useState(pa?.附着);
  const [检跨度, set检跨度] = React.useState(pa?.检跨度);
  const [架铰高, set架铰高] = React.useState(pa?.架铰高);
  const [所在地, set所在地] = React.useState(pa?.所在地);
  const [主臂长, set主臂长] = React.useState(pa?.主臂长);
  const [主钩倍, set主钩倍] = React.useState(pa?.主钩倍);
  const [检吊具, set检吊具] = React.useState(pa?.检吊具);
  const [工作幅, set工作幅] = React.useState(pa?.工作幅);
  const [小车数, set小车数] = React.useState(pa?.小车数);
  const [起重臂, set起重臂] = React.useState(pa?.起重臂);
  const [总重, set总重] = React.useState(pa?.总重);
  const [取物, set取物] = React.useState(pa?.取物);
  const [所爆级, set所爆级] = React.useState(pa?.所爆级);
  const [标高差, set标高差] = React.useState(pa?.标高差);
  //const [提高, set提高] = React.useState(pa?.提高);
  const [提力矩, set提力矩] = React.useState(pa?.提力矩);
  const [提绳径, set提绳径] = React.useState(pa?.提绳径);
  const [停车式, set停车式] = React.useState(pa?.停车式);
  const [深度, set深度] = React.useState(pa?.深度);
  const [降速, set降速] = React.useState(pa?.降速);
  const [驶速度, set驶速度] = React.useState(pa?.驶速度);
  const [走范围, set走范围] = React.useState(pa?.走范围);
  const [走速度, set走速度] = React.useState(pa?.走速度);
  const [移动型, set移动型] = React.useState(pa?.移动型);
  const [易爆物, set易爆物] = React.useState(pa?.易爆物);
  const [效半径, set效半径] = React.useState(pa?.效半径);
  const [效重量, set效重量] = React.useState(pa?.效重量);
  const [车运行时, set车运行时] = React.useState(pa?.车运行时);
  const [轨道, set轨道] = React.useState(pa?.轨道);
  const [总功, set总功] = React.useState(pa?.总功);
  const [钩1重, set钩1重] = React.useState(pa?.钩1重);
  const [钩2重, set钩2重] = React.useState(pa?.钩2重);
  const [余冲程, set余冲程] = React.useState(pa?.余冲程);
  const [自由高, set自由高] = React.useState(pa?.自由高);
  const [纵移速, set纵移速] = React.useState(pa?.纵移速);
  const [独立高, set独立高] = React.useState(pa?.独立高);
  const [外伸距, set外伸距] = React.useState(pa?.外伸距);
  //const [监系单, set监系单] = React.useState((qs?.监系单&&JSON.parse(qs?.监系单 as string)) || svp?.监系单);
  const [监系单, set监系单] = React.useState(pa?.监系单);
  const [监系号, set监系号] = React.useState(pa?.监系号);
  const [监系型, set监系型] = React.useState(pa?.监系型);
  const [最小幅监, set最小幅监] = React.useState(pa?.最小幅监);
  const [最小幅, set最小幅] = React.useState(pa?.最小幅);

  //肢解可复用的共同组件模式： Hook + 配套的组件。
  const cbp =useCommnBaseParm(eqp, svp, pa, save);

  async function confirmation() {
    const newdat={ ...eqp,  ...cbp.out,
      luff,luf,pnum,opm,cvl,cap,vls,rang,jobl,lmv,rtv,
      span,hlf,hlfm,part,mvl,rtlf,mom,metl,nnor,walk,whole,
      flo,miot,highs,pcs,pcw,scv,cotr,suck,two,twoc,auxh,
      grab,rvl,level,occa,wjib,
      svp: { ...cbp.svpO,
        变幅施,节联接,搭载式,底架型,吊臂型,钩时额量,钩时幅,斗时额量,斗时幅,专时额量,专时幅,额起升速,
        制动载荷,防爆,防爆级,附装名,附装品,工半径,工环境,轨长,轨长桥,轨距,回转,架桥承,监检式,
        门跨度,门结构,平衡重,副钩高,起升速,副钩速,覆力矩,设型式,设规范,伸展,
        生产率,升降速,是监,有附装,有监控,专导梁,塔顶型,塔身型,出入口,桅杆,悬长,悬2长,悬跨度,
        车方法,支腿,造规,梁结构,梁数,主吊具,主悬件,主升机构,主体式,主腿构,自重,
        组装型,最幅起,最工幅,层站数,臂构式,臂类,架设式,架设跨,
        }
      ,
      pa: { ...cbp.paO,
        锁编号,锁型号,爆区,爆物,承索数,馈电式,导支跨度,吊具型,笼行程,顶升速,动力系统,
        副钩1重,副钩2重,电方轻,回转角,基距,集前伸,副臂长,副钩倍,副额起,附着,检跨度,架铰高,所在地,
        主臂长,主钩倍,检吊具,工作幅,小车数,起重臂,总重,取物,所爆级,标高差,提力矩,提绳径,
        停车式,深度,降速,驶速度,走范围,走速度,移动型,易爆物,效半径,效重量,车运行时,轨道,总功,
        钩1重,钩2重,余冲程,自由高,纵移速,独立高,外伸距,最小幅监,最小幅,监系单,监系号,监系型,
        }

    };

    return newdat;
  }


  return (
    <div
      css={{
        [theme.mediaQueries.md]: {
          height: "auto",
          display: "block"
        }
      }}
    >
      <hr/>
      <Text
        css={{
          flex: 1,
          textAlign: "center",
          [theme.mediaQueries.md]: {
            textAlign: "left"
          }
        }}
        wrap={false}
        variant="h5"
        gutter={false}
      >
        {eqp.cod} 起重机械技术参数
      </Text>

      <div
        css={{
          flex: 1,
          [theme.mediaQueries.md]: {
            flex: "none"
          }
        }}
      >
        <div>
          <Container>
            <div
              css={{
                paddingTop: theme.spaces.lg,
                paddingBottom: theme.spaces.lg
              }}
            >

            <CommnBase cbp={cbp} id={id!}  confirmation={confirmation}/>
            <Text variant="h5">起重机械参数</Text>
            <LineColumn >
              <InputLine label={`设备等级:`}>
                <ComboBoxDatalist  value={ level || ''}  datalist={设备等级}
                                onListChange={v => setLevel( v||undefined ) } />
              </InputLine>
              <InputLine label={`适用场合:`}>
                <InputDatalist value={ occa || ''} datalist={适用场合}
                               onListChange={v => setOcca(v ||undefined)} />
              </InputLine>
              <InputLine label={`安全锁编号:`}>
                <CommitInput  value={ 锁编号 || ''}
                              onSave={txt => set锁编号(txt||undefined) } />
              </InputLine>
              <InputLine label={`安全锁型号:`}>
                <CommitInput  value={ 锁型号 || ''}
                              onSave={txt => set锁型号(txt||undefined) } />
              </InputLine>
              <InputLine label={`爆炸区域划分:`}>
                <CommitInput  value={ 爆区 || ''}
                              onSave={txt => set爆区(txt||undefined) } />
              </InputLine>
              <InputLine label={`爆炸性物质种类:`}>
                <CommitInput  value={ 爆物 || ''}
                              onSave={txt => set爆物(txt||undefined) } />
              </InputLine>
              <InputLine label={`臂架结构型式:`}>
                <CommitInput  value={ 臂构式 || ''}
                              onSave={txt => set臂构式(txt||undefined) } />
              </InputLine>
              <InputLine label={`臂架类型:`}>
                <CommitInput  value={ 臂类 || ''}
                              onSave={txt => set臂类(txt||undefined) } />
              </InputLine>
              <InputLine label={`变幅速度:`}>
                <SuffixInput   value={ luff || ''}
                       onSave={txt=> setLuff(txt||undefined)}
                >m/s</SuffixInput>
              </InputLine>
              <InputLine label={`变幅形式:`}>
                <CommitInput  value={ luf || ''}
                              onSave={txt => setLuf(txt||undefined) } />
              </InputLine>
              <InputLine label={`变幅形式(施工):`}>
                <CommitInput  value={ 变幅施 || ''}
                              onSave={txt => set变幅施(txt||undefined) } />
              </InputLine>
              <InputLine label={`标准节联接形式:`}>
                <CommitInput  value={ 节联接 || ''}
                              onSave={txt => set节联接(txt||undefined) } />
              </InputLine>
              <InputLine label={`泊位数量:`}>
                <SuffixInput type="number"  value={ pnum || ''}
                       onSave={txt=> setPnum(txt||undefined)}
                >个</SuffixInput>
              </InputLine>
              <InputLine label={`操作方式(桥门):`}>
                <InputDatalist  value={ opm || ''} datalist={操作方式}
                    onListChange={v => setOpm(v ||undefined)} />
              </InputLine>
              <InputLine label={`层站数:`}>
                <SuffixInput  value={ 层站数 || ''}
                      onSave={txt=> set层站数(txt||undefined)}
                >个</SuffixInput>
              </InputLine>
              <InputLine label={`承载索数量:`}>
                <SuffixInput   value={ 承索数 || ''}
                      onSave={txt=> set承索数(txt||undefined)}
                >个</SuffixInput>
              </InputLine>
              <InputLine label={`搭载方式(停车设备):`}>
                <InputDatalist  value={ 搭载式 || ''} datalist={搭载方式}
                                onListChange={v => set搭载式(v ||undefined)} />
              </InputLine>
              <InputLine label={`大车馈电方式:`}>
                <CommitInput  value={ 馈电式 || ''}
                              onSave={txt => set馈电式(txt||undefined) } />
              </InputLine>
              <InputLine label={`大车速度（桥门）机臂运行速度（架桥）:`}>
                <SuffixInput   value={ cvl || ''}
                       onSave={txt=> setCvl(txt||undefined)}
                >m/s</SuffixInput>
              </InputLine>
              <InputLine label={`导梁支承跨度:`}>
                <SuffixInput type="number"  value={ 导支跨度 || ''}
                       onSave={txt=> set导支跨度(txt||undefined)}
                >m</SuffixInput>
              </InputLine>
              <InputLine label={`底架型式:`}>
                <CommitInput  value={ 底架型 || ''}
                              onSave={txt => set底架型(txt||undefined) } />
              </InputLine>
              <InputLine label={`吊臂型式:`}>
                <CommitInput  value={ 吊臂型 || ''}
                              onSave={txt => set吊臂型(txt||undefined) } />
              </InputLine>
              <InputLine label={`吊具为吊钩时额定起重量:`}>
                <SuffixInput   value={ 钩时额量 || ''}
                      onSave={txt=> set钩时额量(txt||undefined)}
                >吨</SuffixInput>
              </InputLine>
              <InputLine label={`吊具为吊钩时工作幅度:`}>
                <CommitInput  value={ 钩时幅 || ''}
                              onSave={txt => set钩时幅(txt||undefined) } />
              </InputLine>
              <InputLine label={`吊具为抓斗时额定起重量:`}>
                <SuffixInput type="number"  value={ 斗时额量 || ''}
                    onSave={txt=> set斗时额量(txt||undefined)}
                >吨</SuffixInput>
              </InputLine>
              <InputLine label={`吊具为抓斗时工作幅度:`}>
                <CommitInput  value={ 斗时幅 || ''}
                              onSave={txt => set斗时幅(txt||undefined) } />
              </InputLine>
              <InputLine label={`吊具为吊钩时工作幅度:`}>
                <CommitInput  value={ 钩时幅 || ''}
                              onSave={txt => set钩时幅(txt||undefined) } />
              </InputLine>
              <InputLine label={`吊具为专用吊具时额定起重量:`}>
                <SuffixInput type="number"  value={ 专时额量 || ''}
                     onSave={txt=> set专时额量(txt||undefined)}
                >吨</SuffixInput>
              </InputLine>
              <InputLine label={`吊具为专用吊具时工作幅度:`}>
                <CommitInput  value={ 专时幅 || ''}
                              onSave={txt => set专时幅(txt||undefined) } />
              </InputLine>
              <InputLine label={`吊具型式:`}>
                <CommitInput  value={ 吊具型 || ''}
                              onSave={txt => set吊具型(txt||undefined) } />
              </InputLine>
              <InputLine label={`主起升机构吊具型式:`}>
                <InputDatalist value={ 主吊具 || ''} datalist={吊具型式}
                               onListChange={v => set主吊具(v ||undefined)} />
              </InputLine>
              <InputLine label={`检验时主起升机构吊具型式:`}>
                <InputDatalist value={ 检吊具 || ''} datalist={吊具型式}
                               onListChange={v => set检吊具(v ||undefined)} />
              </InputLine>
              <InputLine label={`吊笼工作行程:`}>
                <CommitInput  value={ 笼行程 || ''}
                              onSave={txt => set笼行程(txt||undefined) } />
              </InputLine>
              <InputLine label={`顶升速度:`}>
                <SuffixInput type="number"  value={ 顶升速 || ''}
                       onSave={txt=> set顶升速(txt||undefined)}
                >m/s</SuffixInput>
              </InputLine>
              <InputLine label={`动力系统:`}>
                <CommitInput  value={ 动力系统 || ''}
                              onSave={txt => set动力系统(txt||undefined) } />
              </InputLine>
              <InputLine label={`额定起升速度（公式型）:`}>
                <SuffixInput   value={ 额起升速 || ''}
                       onSave={txt=> set额起升速(txt||undefined)}
                >m/min</SuffixInput>
              </InputLine>
              <InputLine label={`额定起重量:`}>
                <SuffixInput  value={ cap || ''}
                      onSave={txt=> setCap(txt||undefined)}
                >吨</SuffixInput>
              </InputLine>
              <InputLine label={`额定速度:`}>
                <SuffixInput   value={ vls || ''}
                       onSave={txt=> setVls(txt||undefined)}
                >m/min</SuffixInput>
              </InputLine>
              <InputLine label={`额定制动载荷:`}>
                <SuffixInput   value={ 制动载荷 || ''}
                      onSave={txt=> set制动载荷(txt||undefined)}
                >吨</SuffixInput>
              </InputLine>
              <InputLine label={`防爆标志:`}>
                <CommitInput  value={ 防爆 || ''}
                              onSave={txt => set防爆(txt||undefined) } />
              </InputLine>
              <InputLine label={`防爆等级:`}>
                <CommitInput  value={ 防爆级 || ''}
                              onSave={txt => set防爆级(txt||undefined) } />
              </InputLine>
              <InputLine label={`幅度:`}>
                <SuffixInput  value={ rang || ''}
                       onSave={txt=> setRang(txt||undefined)}
                >m</SuffixInput>
              </InputLine>
              <InputLine label={`副起升机钩1起重量:`}>
                <SuffixInput type="number"  value={ 副钩1重 || ''}
                      onSave={txt=> set副钩1重(txt||undefined)}
                >吨</SuffixInput>
              </InputLine>
              <InputLine label={`副起升机钩2起重量:`}>
                <SuffixInput type="number"  value={ 副钩2重 || ''}
                       onSave={txt=> set副钩2重(txt||undefined)}
                >吨</SuffixInput>
              </InputLine>
              <InputLine label={`附属装置名称:`}>
                <CommitInput  value={ 附装名 || ''}
                              onSave={txt => set附装名(txt||undefined) } />
              </InputLine>
              <InputLine label={`附属装置设备品种:`}>
                <CommitInput  value={ 附装品 || ''}
                              onSave={txt => set附装品(txt||undefined) } />
              </InputLine>
              <InputLine label={`工作半径:`}>
                <SuffixInput type="number"  value={ 工半径 || ''}
                          onSave={txt=> set工半径(txt||undefined)}
                >m</SuffixInput>
              </InputLine>
              <InputLine label={`工作环境:`}>
                <CommitInput  value={ 工环境 || ''}
                              onSave={txt => set工环境(txt||undefined) } />
              </InputLine>
              <InputLine label={`工作级别:`}>
                <InputDatalist  value={ jobl || ''} datalist={工作级别}
                                onListChange={v => setJobl(v ||undefined)} />
                {/*<Select inputSize="md"  value={ jobl || ''}
                        onChange={e => setJobl( e.currentTarget.value||undefined ) } >
                  <option></option>
                  { 工作级别.map((one,i) => (<option key={i}>{one}</option> )) }
                </Select>*/}
              </InputLine>
              <InputLine label={`供电方式(流动:轻小型):`}>
                <InputDatalist  value={ 电方轻 || ''} datalist={供电方式轻}
                                onListChange={v => set电方轻(v ||undefined)} />
              </InputLine>
              <InputLine label={`轨道长度:`}>
                <SuffixInput type="number"  value={ 轨长 || ''}
                      onSave={txt=> set轨长(txt||undefined)}
                >m</SuffixInput>
              </InputLine>
              <InputLine label={`轨道长度(桥门,门座,塔式)/机臂长度(架桥):`}>
                <SuffixInput   value={ 轨长桥 || ''}
                      onSave={txt=> set轨长桥(txt||undefined)}
                >m</SuffixInput>
              </InputLine>
              <InputLine label={`轨距:`}>
                <SuffixInput type="number"  value={ 轨距 || ''}
                       onSave={txt=> set轨距(txt||undefined)}
                >m</SuffixInput>
              </InputLine>
              <InputLine label={`横向移动速度:`}>
                <SuffixInput   value={ lmv || ''}
                       onSave={txt=> setLmv(txt||undefined)}
                >m/min</SuffixInput>
              </InputLine>
              <InputLine label={`纵向移动速度:`}>
                <SuffixInput  value={ 纵移速 || ''}
                       onSave={txt=> set纵移速(txt||undefined)}
                >m/min</SuffixInput>
              </InputLine>
              <InputLine label={`回转部位/回转支撑型式:`}>
                <CommitInput  value={ 回转 || ''}
                              onSave={txt => set回转(txt||undefined) } />
              </InputLine>
              <InputLine label={`回转角度:`}>
                <SuffixInput  value={ 回转角 || ''}
                       onSave={txt=> set回转角(txt||undefined)}
                >度</SuffixInput>
              </InputLine>
              <InputLine label={`回转速度:`}>
                <SuffixInput  value={ rtv || ''}
                       onSave={txt=> setRtv(txt||undefined)}
                >度/s</SuffixInput>
              </InputLine>
              <InputLine label={`基距:`}>
                <SuffixInput type="number"  value={ 基距 || ''}
                       onSave={txt=> set基距(txt||undefined)}
                >m</SuffixInput>
              </InputLine>
              <InputLine label={`集装箱正面吊运起重机最大前伸距:`}>
                <SuffixInput type="number"  value={ 集前伸 || ''}
                       onSave={txt=> set集前伸(txt||undefined)}
                >m</SuffixInput>
              </InputLine>
              <InputLine label={`架桥机额定承重量:`}>
                <SuffixInput   value={ 架桥承 || ''}
                       onSave={txt=> set架桥承(txt||undefined)}
                >吨</SuffixInput>
              </InputLine>
              <InputLine label={`架设方式:`}>
                <InputDatalist value={ 架设式 || ''} datalist={架设方式}
                               onListChange={v => set架设式(v ||undefined)} />
              </InputLine>
              <InputLine label={`架设跨径:`}>
                <SuffixInput type="number"  value={ 架设跨 || ''}
                        onSave={txt=> set架设跨(txt||undefined)}
                >m</SuffixInput>
              </InputLine>
              <InputLine label={`监检形式:`}>
                <InputDatalist value={ 监检式 || ''} datalist={监检形式}
                          onListChange={v => set监检式(v ||undefined)} />
              </InputLine>
              <InputLine label={`监控系统产品编号:`}>
                <CommitInput  value={ 监系号 || ''}  onSave={txt => set监系号(txt||undefined) } />
              </InputLine>
              <InputLine label={`监控系统生产单位名称:`}>
                <CommitInput  value={ 监系单 || ''}  onSave={txt => set监系单(txt||undefined) } />
                {/* <UnitOrChoose id={监系单?.id} name={监系单?.name} emodel={'设备'} erurl={`/device/${id}?`} field={'监系单'}
                              autoFocus={!!qs?.监系单 && qs.emodel==='设备'}
                              onCancel={() => { set监系单(undefined) }}
                              onDialog={async () => { await setNdt(await confirmation()); } } /> */}
              </InputLine>
              <InputLine label={`监控系统型号:`}>
                <CommitInput  value={ 监系型 || ''}  onSave={txt => set监系型(txt||undefined) } />
              </InputLine>
              <InputLine label={`检验时副臂长度:`}>
                <SuffixInput  onSave={txt=> set副臂长(txt||undefined)}
                      type="number"  value={ 副臂长 || ''}>m</SuffixInput>
              </InputLine>
              <InputLine label={`检验时副钩倍率:`}>
                <CommitInput  value={ 副钩倍 || ''}  onSave={txt => set副钩倍(txt||undefined) } />
              </InputLine>
              <InputLine label={`检验时副钩额定起重量:`}>
                <SuffixInput  onSave={txt=> set副额起(txt||undefined)}
                              type="number"  value={ 副额起 || ''}>吨</SuffixInput>
              </InputLine>
              <InputLine label={`检验时附着装置数量:`}>
                <SuffixInput  onSave={txt=> set附着(txt||undefined)}
                              type="number"  value={ 附着 || ''}>个</SuffixInput>
              </InputLine>
              <InputLine label={`检验时跨度:`}>
                <SuffixInput  onSave={txt=> set检跨度(txt||undefined)}
                              value={ 检跨度 || ''}>m</SuffixInput>
              </InputLine>
              <InputLine label={`检验时起重臂架铰点高度:`}>
                <SuffixInput  onSave={txt=> set架铰高(txt||undefined)}
                              type="number"  value={ 架铰高 || ''}>m</SuffixInput>
              </InputLine>
              <InputLine label={`检验时设备所在地:`}>
                <CommitInput  value={ 所在地 || ''}  onSave={txt => set所在地(txt||undefined) } />
              </InputLine>
              <InputLine label={`检验时主臂长度:`}>
                <SuffixInput onSave={txt=> set主臂长(txt||undefined)}
                              type="number"  value={ 主臂长 || ''}>m</SuffixInput>
              </InputLine>
              <InputLine label={`检验时主钩倍率:`}>
                <CommitInput  value={ 主钩倍 || ''}  onSave={txt => set主钩倍(txt||undefined) } />
              </InputLine>
              <InputLine label={`检验时最大工作幅度:`}>
                <SuffixInput  onSave={txt=> set工作幅(txt||undefined)}
                              type="number"  value={ 工作幅 || ''}>m</SuffixInput>
              </InputLine>
              <InputLine label={`跨度:`}>
                <SuffixInput  onSave={txt=> setSpan(txt||undefined)}
                              type="number"  value={ span || ''}>m</SuffixInput>
              </InputLine>
              <InputLine label={`跨度(桥门):`}>
                <SuffixInput  onSave={txt=> set门跨度(txt||undefined)}
                              value={ 门跨度 || ''}>m</SuffixInput>
              </InputLine>
              <InputLine label={`门架结构型式:`}>
                <Select inputSize="md"  value={ 门结构 || ''}
                        onChange={e => set门结构( e.currentTarget.value||undefined ) } >
                  <option></option>
                  { 门架结构式.map((one,i) => (<option key={i}>{one}</option> )) } </Select>
              </InputLine>
              <InputLine label={`平衡重:`}>
                <CommitInput  value={ 平衡重 || ''}  onSave={txt => set平衡重(txt||undefined) } />
              </InputLine>
              <InputLine label={`起升高度(副钩）:`}>
                <SuffixInput  onSave={txt=> set副钩高(txt||undefined)}
                              type="number"  value={ 副钩高 || ''}>m</SuffixInput>
              </InputLine>
              <InputLine label={`起升高度(主钩）:`}>
                <SuffixInput  onSave={txt=> setHlfm(txt||undefined)}
                              type="number"  value={ hlfm || ''}>m</SuffixInput>
              </InputLine>
              <InputLine label={`起升机构部件(桥门,轻小型,旋臂):`}>
                <InputDatalist value={ part || ''} datalist={起升部件}
                               onListChange={v => setPart(v ||undefined)} />
              </InputLine>
              <InputLine label={`起升速度(m/min):`}>
                <CommitInput  value={ 起升速 || ''}  onSave={txt => set起升速(txt||undefined) } />
              </InputLine>
              <InputLine label={`起升速度(副钩):`}>
                <SuffixInput  onSave={txt=> set副钩速(txt||undefined)}
                              type="number"  value={ 副钩速 || ''}>m</SuffixInput>
              </InputLine>
              <InputLine label={`起升速度(主钩):`}>
                <SuffixInput  onSave={txt=> setMvl(txt||undefined)}
                              type="number"  value={ mvl || ''}>m</SuffixInput>
              </InputLine>
              <InputLine label={`起升小车数量:`}>
                <SuffixInput  onSave={txt=> set小车数(txt||undefined)}
                              value={ 小车数 || ''}>辆</SuffixInput>
              </InputLine>
              <InputLine label={`起重臂(流动）:`}>
                <CommitInput  value={ 起重臂 || ''}  onSave={txt => set起重臂(txt||undefined) } />
              </InputLine>
              <InputLine label={`起重机械载荷（收费用):`}>
                <SuffixInput  onSave={txt=> setRtlf(txt||undefined)}
                              type="number"  value={ rtlf || ''}>吨</SuffixInput>
              </InputLine>
              <InputLine label={`起重力矩:`}>
                <SuffixInput   onSave={txt=> setMom(txt||undefined)}
                             value={ mom || ''}>吨米</SuffixInput>
              </InputLine>
              <InputLine label={`起重量总重量:`}>
                <SuffixInput  onSave={txt=> set总重(txt||undefined)}
                              type="number"  value={ 总重 || ''}>吨</SuffixInput>
              </InputLine>
              <InputLine label={`起重倾覆力矩:`}>
                <SuffixInput  onSave={txt=> set覆力矩(txt||undefined)}
                                value={ 覆力矩 || ''}>吨米</SuffixInput>
              </InputLine>
              <InputLine label={`取物装置:`}>
                <CommitInput  value={ 取物 || ''}  onSave={txt => set取物(txt||undefined) } />
              </InputLine>
              <InputLine label={`设备型式:`}>
                <CommitInput  value={ 设型式 || ''}  onSave={txt => set设型式(txt||undefined) } />
              </InputLine>
              <InputLine label={`设计规范:`}>
                <CommitInput  value={ 设规范 || ''}  onSave={txt => set设规范(txt||undefined) } />
              </InputLine>
              <InputLine label={`伸展结构:`}>
                <CommitInput  value={ 伸展 || ''}  onSave={txt => set伸展(txt||undefined) } />
              </InputLine>
              <InputLine label={`生产率（卸船机）:`}>
                <CommitInput  value={ 生产率 || ''}  onSave={txt => set生产率(txt||undefined) } />
              </InputLine>
              <InputLine label={`升降速度:`}>
                <CommitInput  value={ 升降速 || ''}  onSave={txt => set升降速(txt||undefined) } />
              </InputLine>
              <InputLine label={`使用场所防爆等级:`}>
                <InputDatalist value={ 所爆级 || ''} datalist={场所防爆级}
                               onListChange={v => set所爆级(v ||undefined)} />
              </InputLine>
              <InputLine label={`是否吊运熔融(桥门):`}>
                <CheckSwitch checked={metl || false} onChange={e => setMetl(metl? undefined:true)} />
              </InputLine>
              <InputLine label={`是否非标(桥门):`}>
                <CheckSwitch checked={nnor || false} onChange={e => setNnor(nnor? undefined:true)} />
              </InputLine>
              <InputLine label={`是否监护使用:`}>
                <CheckSwitch checked={是监 || false} onChange={e => set是监(是监? undefined:true)} />
              </InputLine>
              <InputLine label={`是否行走式(塔式):`}>
                <CheckSwitch checked={walk || false} onChange={e => setWalk(walk? undefined:true)} />
              </InputLine>
              <InputLine label={`是否有附属装置:`}>
                <CheckSwitch checked={有附装 || false} onChange={e => set有附装(有附装? undefined:true)} />
              </InputLine>
              <InputLine label={`是否有监控系统:`}>
                <CheckSwitch checked={有监控 || false} onChange={e => set有监控(有监控? undefined:true)} />
              </InputLine>
              <InputLine label={`是否有专用导梁:`}>
                <CheckSwitch checked={专导梁 || false} onChange={e => set专导梁(专导梁? undefined:true)} />
              </InputLine>
              <InputLine label={`是否整机出厂起重机:`}>
                <CheckSwitch checked={whole || false} onChange={e => setWhole(whole? undefined:true)} />
              </InputLine>
              <InputLine label={`塔(支)架标高差:`}>
                <CommitInput  value={ 标高差 || ''}  onSave={txt => set标高差(txt||undefined) } />
              </InputLine>
              <InputLine label={`塔顶型式:`}>
                <InputDatalist value={ 塔顶型 || ''} datalist={塔顶型式}
                               onListChange={v => set塔顶型(v ||undefined)} />
              </InputLine>
              <InputLine label={`塔身型式:`}>
                <InputDatalist value={ 塔身型 || ''} datalist={塔身型式}
                               onListChange={v => set塔身型(v ||undefined)} />
              </InputLine>
              <InputLine label={`提升高度:`}>
                <SuffixInput  onSave={txt=> setHlf(txt||undefined)}
                              type="number"  value={ hlf || ''}>米</SuffixInput>
              </InputLine>
              <InputLine label={`提升力矩:`}>
                <SuffixInput   onSave={txt=> set提力矩(txt||undefined)}
                               value={ 提力矩 || ''}>吨米</SuffixInput>
              </InputLine>
              <InputLine label={`提升绳直径:`}>
                <SuffixInput   onSave={txt=> set提绳径(txt||undefined)}
                              value={ 提绳径 || ''}>mm</SuffixInput>
              </InputLine>
              <InputLine label={`停车层数:`}>
                <SuffixInput  onSave={txt=> setFlo(txt||undefined)}
                              type="number"  value={ flo || ''}>层</SuffixInput>
              </InputLine>
              <InputLine label={`停车出入口位置:`}>
                <CommitInput  value={ 出入口 || ''}  onSave={txt => set出入口(txt||undefined) } />
              </InputLine>
              <InputLine label={`停车单车最大进（出）时间:`}>
                <SuffixInput  onSave={txt=> setMiot(txt||undefined)}
                              type="number"  value={ miot || ''}>秒</SuffixInput>
              </InputLine>
              <InputLine label={`停车额形式:`}>
                <CommitInput  value={ 停车式 || ''}  onSave={txt => set停车式(txt||undefined) } />
              </InputLine>
              <InputLine label={`停车设备高度:`}>
                <SuffixInput  onSave={txt=> setHighs(txt||undefined)}
                               value={ highs || ''}>米</SuffixInput>
              </InputLine>
              <InputLine label={`停车适停汽车尺寸:`}>
                <InputDatalist value={ pcs || ''} datalist={汽车尺寸}
                               onListChange={v => setPcs(v ||undefined)} />
              </InputLine>
              <InputLine label={`停车适停汽车质量:`}>
                <SuffixInput  onSave={txt=> setPcw(txt||undefined)}
                               value={ pcw || ''}>kg</SuffixInput>
              </InputLine>
              <InputLine label={`桅杆结构(桅杆):`}>
                <CommitInput  value={ 桅杆 || ''}  onSave={txt => set桅杆(txt||undefined) } />
              </InputLine>
              <InputLine label={`下降深度(臂架):`}>
                <SuffixInput   onSave={txt=> set深度(txt||undefined)}
                             value={ 深度 || ''}>m</SuffixInput>
              </InputLine>
              <InputLine label={`下降速度:`}>
                <SuffixInput  onSave={txt=> set降速(txt||undefined)}
                             value={ 降速 || ''}>m/s</SuffixInput>
              </InputLine>
              <InputLine label={`小车速度（桥门:旋臂）:`}>
                <SuffixInput   onSave={txt=> setScv(txt||undefined)}
                             value={ scv || ''}>m/s</SuffixInput>
              </InputLine>
              <InputLine label={`行驶速度:`}>
                <SuffixInput   onSave={txt=> set驶速度(txt||undefined)}
                              type="number"  value={ 驶速度 || ''}>m/s</SuffixInput>
              </InputLine>
              <InputLine label={`行走范围:`}>
                <CommitInput  value={ 走范围 || ''}  onSave={txt => set走范围(txt||undefined) } />
              </InputLine>
              <InputLine label={`行走速度:`}>
                <SuffixInput  onSave={txt=> set走速度(txt||undefined)}
                              value={ 走速度 || ''}>m/s</SuffixInput>
              </InputLine>
              <InputLine label={`悬臂端长度:`}>
                <SuffixInput   onSave={txt=> set悬长(txt||undefined)}
                               value={ 悬长 || ''}>m</SuffixInput>
              </InputLine>
              <InputLine label={`悬臂端长度2:`}>
                <SuffixInput  onSave={txt=> set悬2长(txt||undefined)}
                              type="number"  value={ 悬2长 || ''}>m</SuffixInput>
              </InputLine>
              <InputLine label={`悬梁支持跨度:`}>
                <SuffixInput  onSave={txt=> set悬跨度(txt||undefined)}
                              type="number"  value={ 悬跨度 || ''}>m</SuffixInput>
              </InputLine>
              <InputLine label={`移动类型:`}>
                <InputDatalist value={ 移动型 || ''} datalist={移动类型}
                               onListChange={v => set移动型(v ||undefined)} />
              </InputLine>
              <InputLine label={`易燃易爆物质:`}>
                <CommitInput  value={ 易爆物 || ''}  onSave={txt => set易爆物(txt||undefined) } />
              </InputLine>
              <InputLine label={`有否副臂(臂架):`}>
                <CheckSwitch checked={wjib || false} onChange={e => setWjib(wjib? undefined:true)} />
              </InputLine>
              <InputLine label={`有否副钩(桥门/臂架):`}>
                <CheckSwitch checked={auxh || false} onChange={e => setAuxh(auxh? undefined:true)} />
              </InputLine>
              <InputLine label={`有否集装箱吊具(桥门/臂架):`}>
                <CheckSwitch checked={cotr || false} onChange={e => setCotr(cotr? undefined:true)} />
              </InputLine>
              <InputLine label={`有否起重吸盘(桥门/臂架):`}>
                <CheckSwitch checked={suck || false} onChange={e => setSuck(suck? undefined:true)} />
              </InputLine>
              <InputLine label={`有否双司机室(桥门):`}>
                <CheckSwitch checked={two || false} onChange={e => setTwo(two? undefined:true)} />
              </InputLine>
              <InputLine label={`有否双小车(桥门):`}>
                <CheckSwitch checked={twoc || false} onChange={e => setTwoc(twoc? undefined:true)} />
              </InputLine>
              <InputLine label={`有否抓斗(桥门/臂架):`}>
                <CheckSwitch checked={grab || false} onChange={e => setGrab(grab? undefined:true)} />
              </InputLine>
              <InputLine label={`有效半径(旋臂):`}>
                <SuffixInput  onSave={txt=> set效半径(txt||undefined)}
                              type="number"  value={ 效半径 || ''}>m</SuffixInput>
              </InputLine>
              <InputLine label={`有效起重量:`}>
                <SuffixInput  onSave={txt=> set效重量(txt||undefined)}
                              type="number"  value={ 效重量 || ''}>吨</SuffixInput>
              </InputLine>
              <InputLine label={`运行方法(停车设备):`}>
                <InputDatalist value={ 车方法 || ''} datalist={停车运行方法}
                               onListChange={v => set车方法(v ||undefined)} />
              </InputLine>
              <InputLine label={`运行时间(停车设备):`}>
                <CommitInput  value={ 车运行时 || ''}  onSave={txt => set车运行时(txt||undefined) } />
              </InputLine>
              <InputLine label={`运行轨道(轻小型):`}>
                <CommitInput  value={ 轨道 || ''}  onSave={txt => set轨道(txt||undefined) } />
              </InputLine>
              <InputLine label={`运行速度(门座,塔式,轻小型):`}>
                <SuffixInput  onSave={txt=> setRvl(txt||undefined)}
                              value={ rvl || ''}>m/s</SuffixInput>
              </InputLine>
              <InputLine label={`整机总功率:`}>
                <SuffixInput onSave={txt=> set总功(txt||undefined)}
                              type="number"  value={ 总功 || ''}>千瓦</SuffixInput>
              </InputLine>
              <InputLine label={`支腿(流动）:`}>
                <CommitInput  value={ 支腿 || ''}  onSave={txt => set支腿(txt||undefined) } />
              </InputLine>
              <InputLine label={`制造规范:`}>
                <CommitInput  value={ 造规 || ''}  onSave={txt => set造规(txt||undefined) } />
              </InputLine>
              <InputLine label={`主梁结构型式:`}>
                <CommitInput  value={ 梁结构 || ''}  onSave={txt => set梁结构(txt||undefined) } />
              </InputLine>
              <InputLine label={`主梁数量:`}>
                <InputDatalist value={ 梁数 || ''} datalist={主梁数量}
                               onListChange={v => set梁数(v ||undefined)} />
              </InputLine>
              <InputLine label={`主起升机钩1起重量:`}>
                <SuffixInput   onSave={txt=> set钩1重(txt||undefined)}
                              type="number"  value={ 钩1重 || ''}>吨</SuffixInput>
              </InputLine>
              <InputLine label={`主起升机钩2起重量:`}>
                <SuffixInput  onSave={txt=> set钩2重(txt||undefined)}
                              type="number"  value={ 钩2重 || ''}>吨</SuffixInput>
              </InputLine>
              <InputLine label={`主起升机构起升悬挂部件:`}>
                <CommitInput  value={ 主悬件 || ''}  onSave={txt => set主悬件(txt||undefined) } />
              </InputLine>
              <InputLine label={`主起升机构型式:`}>
                <InputDatalist value={ 主升机构 || ''} datalist={起升机构型式}
                               onListChange={v => set主升机构(v ||undefined)} />
              </InputLine>
              <InputLine label={`主体结构形式:`}>
                <CommitInput  value={ 主体式 || ''}  onSave={txt => set主体式(txt||undefined) } />
              </InputLine>
              <InputLine label={`主支撑腿结构型式:`}>
                <InputDatalist value={ 主腿构 || ''} datalist={腿结构型式}
                               onListChange={v => set主腿构(v ||undefined)} />
              </InputLine>
              <InputLine label={`柱塞余隙冲程(停车设备):`}>
                <SuffixInput  onSave={txt=> set余冲程(txt||undefined)}
                               value={ 余冲程 || ''}>mm</SuffixInput>
              </InputLine>
              <InputLine label={`自由端高度:`}>
                <SuffixInput  onSave={txt=> set自由高(txt||undefined)}
                              type="number"  value={ 自由高 || ''}>m</SuffixInput>
              </InputLine>
              <InputLine label={`自重:`}>
                <SuffixInput  onSave={txt=> set自重(txt||undefined)}
                              type="number"  value={ 自重 || ''}>kg</SuffixInput>
              </InputLine>
              <InputLine label={`组装类型:`}>
                <InputDatalist value={ 组装型 || ''} datalist={组装类型}
                               onListChange={v => set组装型(v ||undefined)} />
              </InputLine>
              <InputLine label={`最大独立高度:`}>
                <SuffixInput  onSave={txt=> set独立高(txt||undefined)}
                              type="number"  value={ 独立高 || ''}>m</SuffixInput>
              </InputLine>
              <InputLine label={`最大幅度起重量(桅杆):`}>
                <SuffixInput  onSave={txt=> set最幅起(txt||undefined)}
                               value={ 最幅起 || ''}>吨</SuffixInput>
              </InputLine>
              <InputLine label={`最大工作幅度:`}>
                <SuffixInput  onSave={txt=> set最工幅(txt||undefined)}
                              type="number"  value={ 最工幅 || ''}>m</SuffixInput>
              </InputLine>
              <InputLine label={`最大外伸距:`}>
                <SuffixInput   onSave={txt=> set外伸距(txt||undefined)}
                              type="number"  value={ 外伸距 || ''}>m</SuffixInput>
              </InputLine>
              <InputLine label={`最小幅度(臂架监检):`}>
                <SuffixInput   onSave={txt=> set最小幅监(txt||undefined)}
                              value={ 最小幅监 || ''}>m</SuffixInput>
              </InputLine>
              <InputLine label={`最小工作幅度:`}>
                <SuffixInput  onSave={txt=> set最小幅(txt||undefined)}
                              type="number"  value={ 最小幅 || ''}>m</SuffixInput>
              </InputLine>


            </LineColumn>

              <Text variant="h5">其它参数</Text>
              <LineColumn >
              </LineColumn>

              <Button size="lg" intent="primary"  iconAfter={<IconArrowRight />}
                      css={{ marginTop: theme.spaces.sm, whiteSpace:'unset' }}
                onPress={ async () => {
                  const eqpNew=await confirmation();
                  await mutationFunc(eqpNew);
                } }
              > 确认修改检查并保存到后端
              </Button>
            </div>
          </Container>
        </div>
      </div>

    </div>
  );
};

